<template>
  <div class="content">
    <div class="container">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>

        <el-breadcrumb-item :to="{ path: '/message-center' }">消息中心</el-breadcrumb-item>
        <el-breadcrumb-item>查看详情</el-breadcrumb-item>
      </el-breadcrumb>
      <div class="detail-content" v-if="$route.query.type==0">
        <div class="title">{{detailData.newsTiltle}}</div>
        <div class="content">{{detailData.newsContent}}</div>
      </div>
     <div class="detail-content" v-else>
        <div class="title">{{detailData.msgTitle}}</div>
        <div class="content" v-html="detailData.msgContent"></div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props:{
    detailData:{
      type:Object
    }
  }
}
</script>

<style scoped lang="scss">
.content {
  background-color: #f7f7f7;
  .container {
    background-color: #fff;
    .detail-content{
        height: 653px;
          background-color: #fff;
          padding: 0 44px;
          .title{
font-weight: 700;
height: 63px;
line-height: 73px;
text-align: center;
color: #6B6B6BFF;
          }
          .content{
  background-color: #fff;
  line-height: 30px;
  text-align: center;
          }
    }
  }
}
::v-deep .is-link{
font-weight: 400;
}
::v-deep .el-breadcrumb{
height: 30px;
line-height: 30px;
background-color: #f7f7f7;
}
::v-deep .el-breadcrumb__inner{
    color: #606266;;
}
</style>
